html {
    font-size: 100px;
}
.f-opacity{
    opacity: 0;
}
.news-hd {
    margin: 0.237rem 0.138rem 0.305rem;

    h1 {
        font-size: 0.23rem;
        margin: 0;
        line-height: 0.3rem;
    }
}
.news-info {
    color: #909090;
    font-size: 0.161rem;
    display: -webkit-box;
    margin-top: 0.09rem;

}
.info-right-content {
    -webkit-box-flex: 1.0;
    text-align: right;
    padding-right: 0.037rem;
}
.info-left-content {
    -webkit-box-flex: 2.0;
}
.provider {
    padding-left: 0.15rem;
}
.provider-icon {
    display: inline-block;
    width: 0.13rem;
    height: 0.13rem;
    background: transparent url('../../images/report-icon.png') no-repeat center center/80% auto;
    margin: 0.028rem;
    border: 1px solid #d4d4d4;
    -webkit-border-radius: 0.5rem;
    vertical-align: middle;
}

.reader-counts {
    position: relative;
    line-height: 0.2rem;

    &:before {
        content: '';
        display: inline-block;
        position: absolute;
        width: 0.27rem;
        height: 0.14rem;
        background: transparent url('../../images/eye.png') no-repeat center center/100% auto;
        margin-left: -0.3rem;
        margin-top: 0.02rem;
    }
}
.news-content {
    font-size: 0.176rem;
    padding: 0 0.138rem;
    display: block;

    p {
        line-height: 0.31rem;
    }

    img {
        width: 100%;
        margin-left: -0.138rem;
    }
}

.news-adv {
    a {
        text-decoration: none;
        color: #000;
    }
}

.news-adv-con {
    border: 1px solid #dfdfdf;
    margin:0.63rem 0.138rem 0;
    padding: 0.12rem;
    font-size: 0;
    p {
        font-size: 0.16rem;
        margin: 0;
        position: relative;

        .news-adv-con-pre {
            border: 1px solid #616161;
            -webkit-border-radius: 0.03rem;
            font-size: 0.14rem;
            padding: 0.01rem 0.02rem;
            vertical-align: 0.01rem;
        }
        .news-adv-con-tit {
            padding-left: 0.07rem;
        }

        &:after {
            content: '';
            position: absolute;
            width: 0.08rem;
            height: 0.08rem;
            border-style: solid;
            border-color: #b8b8b8;
            border-width: 0 1px 1px 0;
            top: 50%;
            right: 0;
            -webkit-transform: translateY(-50%) rotate(-45deg);
            -webkit-border-radius: 1px;

        }
    }

    img {
        width: 100%;
        margin-top: 0.136rem;
    }
}

.news-comment {
    border: 1px solid #dfdfdf;
    border-width: 1px 0;
    margin-top: 0.4rem;
    margin-right: 0.138rem;
    ul {
        margin: 0;
        font-size: 0;
        padding: 0;

        p {
            font-size: 0.14rem;
            text-align: center;
            color: #b0b0b0;
            padding: 0.1rem 0;
        }
    }
}
.news-content-tit {
    display: inline-block;
    width: 0.695rem;
    background-color: #fff;
    font-size: 0.1rem;
    color: #d0d0d0;
    position: absolute;
    font-weight: normal;
    text-align: center;
    margin: -0.05rem 0 0;
}
.comment-item {
    margin: 0.26rem 0.12rem 0 0.138rem;
    height: 0.82rem;
    position: relative;

    img {
        position: absolute;
        width: 0.4rem;
        height: 0.4rem;
        -webkit-border-radius: 10rem;
    }
    .comment-prise-btn {
        content: '';
        display: inline-block;
        position: absolute;
        width: 0.15rem;
        height: 0.18rem;
        background: transparent url('../../images/good.png') no-repeat right top/100% auto;
        text-indent: 9999rem;
        top: 0;
        right: 0;
    }
}
.comment-item-info {
    margin-left: 0.51rem;
}
.user-name {
    font-size: 0.22rem;
    margin: 0;
    line-height: 0.25rem;
    height: 0.25rem;
}
.comment-time {
    font-size: 0.12rem;
    margin: 0;
    color: #bababa;
    line-height: 0.18rem;
}
.comment-content {
    font-size: 0.18rem;
    margin: 0;
    line-height: 0.32rem;
}
.news-more-comment {
    margin-top: 0.15rem;
    text-align: center;
    font-size: 0;

    a {
        color: #b0b0b0;
        font-size: 0.14rem;
        text-decoration: none;
    }
}
.news-recommend {
    border: 1px solid #dfdfdf;
    border-width: 1px 0 0;
    margin-top: 0.55rem;
    margin-right: 0.12rem;

    ul {
        margin: 0 0 0.22rem;
        font-size: 0;
        padding: 0;
    }
    a {
        text-decoration: none;

        h1 {
            color: #000;
        }
    }
}
.news-others {
    height: 0.75rem;
    margin-left: 0.138rem;
    border-bottom: 1px solid #dfdfdf;

    p {
        margin: 0;
        line-height: 0.17rem;
        font-size: 0.12rem;
        color: #bababa;
    }
}
.news-others-tit {
    display: -webkit-box;
    padding: 0.23rem 0 0;

    h1 {
        line-height: 0.24rem;
        font-size: 0.16rem;
        -webkit-box-flex: 1.0;
        margin: 0;
        overflow: hidden;
        text-overflow: ellipsis;
        white-space: nowrap;
        padding-right: 0.3rem;
    }

    aside {
        padding-top: 0.03rem;
        span {
            font-size: 0.16rem;
            color:#bababa;
        }
    }
}

.app-down-load {
    display: -webkit-box;
    height: 0.65rem;
    background-color: #fd3343;

    aside {
        font-size: 0;

        a {
            display: inline-block;
            color: #fff;
            font-size: 0.15rem;
            line-height: 0.31rem;
            text-decoration: none;
            margin: 0.16rem;
            padding: 0 0.08rem;
            border: 1px solid #fff;
            border-radius: 0.07rem;
            -webkit-box-sizing: border-box;
        }
    }
}
.app-down-logo {
    -webkit-box-flex: 1.0;
    position: relative;
    font-size: 0;

    img {
        position: absolute;
        width: 0.45rem;
        height: 0.45rem;
        top: 50%;
        left: 0.16rem;
        -webkit-transform: translateY(-50%);
    }
}
.app-down-text {
    color: #fff;
    margin-left: 0.7rem;
    display: inline-block;
    height: 0.65rem;

    h5 {
        font-size: 0.14rem;
        margin: 0.15rem 0 0;
        line-height: 0.18rem;
        border-bottom: 1px solid #fff;
        text-align: center;
        letter-spacing: 0.01rem;
    }
    p{
        font-size: 0.1rem;
        margin: 0;
        line-height: 0.16rem;
        text-align: center;
        letter-spacing: 0.03rem;
    }
}

.detail-loading {
    margin: 10px auto 5px;
    width: 150px;
    text-align: center;
    line-height: 0;
}
.detail-loading > div {
    width: 20px;
    height: 20px;
    background-color: #FE7C00;

    border-radius: 100%;
    display: inline-block;
    -webkit-animation: bouncedelay 1.4s infinite ease-in-out;
    animation: bouncedelay 1.4s infinite ease-in-out;
    /* Prevent first frame from flickering when animation starts */
    -webkit-animation-fill-mode: both;
    animation-fill-mode: both;
}

.detail-loading .bounce1 {
    -webkit-animation-delay: -0.32s;
    animation-delay: -0.32s;
}

.detail-loading .bounce2 {
    -webkit-animation-delay: -0.16s;
    animation-delay: -0.16s;
}

@-webkit-keyframes bouncedelay {
    0%, 80%, 100% { -webkit-transform: scale(0.0) }
    40% { -webkit-transform: scale(1.0) }
}

@keyframes bouncedelay {
    0%, 80%, 100% {
        transform: scale(0.0);
        -webkit-transform: scale(0.0);
    } 40% {
          transform: scale(1.0);
          -webkit-transform: scale(1.0);
      }
}